<template>
	<view class="contain">
		<Header></Header>
		<view class="box1">
			<view class="a1" @click="onclick_database">
				<view class="icc t-icon t-icon-kehuziliao2"></view>
				<text>客户资料库</text>
			</view>
			<view class="a2" @click="onclick2">
				<view class="icc t-icon t-icon-icon_kehu_fenlei"></view>
				<text>客户分类</text>
			</view>
			<view class="a3" @click="onclick3">
				<view class="icc t-icon t-icon-xintianjiakehu"></view>
				<text>新添客户</text>
			</view>
			<view class="a4" @click="onclick4">
				<view class="icc t-icon t-icon-dakehuxuqiudingdan"></view>
				<text>客户需求</text>
			</view>
		</view>
		<view class="box2">
			<view class="b1" @click="">
				<view class="icc t-icon t-icon-kehuziliao"></view>
				<text>员工资料库</text>
			</view>
			<view class="b2" @click="">
				<view class="icc t-icon t-icon-show_department"></view>
				<text>职位部门</text>
			</view>
			<view class="b3" @click="">
				<view class="icc t-icon t-icon-xintianyuangong"></view>
				<text>新添员工</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data(){
		return{
			
		}
		
	},
	methods:{
		onclick_database(){
			uni.navigateTo({
				url:"/pages/client_database/client_database"
			})
		},
		onclick2(){
			uni.navigateTo({
				url:"/pages/client_classification/client_classification"
			})
		},
		onclick3(){
			uni.navigateTo({
				url:"/pages/new_client/new_client"
			})
		},
		onclick4(){
			uni.navigateTo({
				url:"/pages/client_needs/client_needs"
			})
		}
	}
}
</script>

<style lang="scss">
	.contain{
		position: fixed;
		height: 100%;
		width: 100%;
		background-color: #D4E4DC;
		display: flex;
		flex-direction: column;
	}
	.box1{
		display: flex;
		width: 100%;
		flex-direction: column;
		margin-top: 25px;
	}
	.box2{
		display: flex;
		width: 100%;
		flex-direction: column;
		margin-top: 80px;
	}
	
	.a1{
		display: flex;
		width: 100%;
		height: 60px;
		margin-top: 10px;
		background-color: #649C7C;
	}
	.a2{
		display: flex;
		width: 100%;
		height: 60px;
		margin-top: 10px;
		background-color: #649C7C;
	}
	.a3{
		display: flex;
		width: 100%;
		height: 60px;
		margin-top: 10px;
		background-color: #649C7C;
	}
	.a4{
		display: flex;
		width: 100%;
		height: 60px;
		margin-top: 10px;
		background-color: #649C7C;
	}
	.b1{
		display: flex;
		width: 100%;
		height: 60px;
		margin-top: 10px;
		background-color: #649C7C;
	}
	.b2{
		display: flex;
		width: 100%;
		height: 60px;
		margin-top: 10px;
		background-color: #649C7C;
	}
	.b3{
		display: flex;
		width: 100%;
		height: 60px;
		margin-top: 10px;
		background-color: #649C7C;
	}
	text{
		margin: 10px;
		font-size: 30px;
		font-weight: bold;
	}
	.icc{
		margin: 10px;
		width: 40px;
		height: 40px;
	}
</style>

